@ant-switch: ant-switch;
@primary: var(--primary);
.tint {
  .@{ant-switch} {
    background-color: #d2d2d2;
    border: 1px solid #d2d2d2;
    &.ant-switch-checked {
      background-color: var(--primary);
      border: 1px solid var(--primary);
    }
  }
}
.dark {
  .@{ant-switch} {
    background-color: #666666;
    border: 1px solid #666666;
    &.ant-switch-checked {
      background-color: var(--primary);
      border: 1px solid var(--primary);
    }

    &::after {
      background-color: #434343;
    }

    &.ant-switch-checked::after {
      background-color: #ffffff;
    }

    &.ant-switch-disabled {
      opacity: 1;
      background-color: rgb(80, 80, 80);
      border: 1px solid rgb(80, 80, 80);

      &::after {
        background-color: #434343;
      }

      &.ant-switch-checked {
        opacity: 0.6;
        background-color: var(--primary);
        border: 1px solid var(--primary);

        &::after {
          background-color: #ffffff;
        }
      }
    }
  }
}
